$(function () {
  //显示隐藏
  $('.login a').on('click', function () {
    $('.reg').show()
    $('.login').hide()
  })
  $('.reg a').on('click', function () {
    $('.login').show()
    $('.reg').hide()
  })

  // 账号密码规则
  layui.form.verify({
    username: [/^[a-zA-Z0-9]{1,10}$/, '请输入1到10位的字母或数字'],
    password: [/^[\S]{1,10}$/, '请输入1到10位,不能有空格'],
    regad: function (value, item) {
      let red = $('.reg input[name=password]').val()
      if (red != value) {
        return '两次密码不一致'
      }
    }
  })

  // 注册axios
  $('.reg form').on('submit', function (e) {
    e.preventDefault()
    axios({
      url: '/api/reguser',
      method: 'POST',
      data: $(this).serialize(),
    }).then(({ data: res }) => {
      //成功回调
      if (res.status != 0) {
        return layui.layer.msg(res.message)
      }
      layui.layer.msg(res.message)
      $('.reg form')[0].reset()
      $('.reg a').click()
    }).catch(() => {
      layui.layer.msg('异常出错，请联系管理员修复')
    })
  })

  // 登录axios
  $('.login form').on('submit', function (e) {
    e.preventDefault()
    axios({
      url: '/api/login',
      method: 'POST',
      data: $(this).serialize(),
    }).then(({ data: res }) => {
      //成功回调
      if (res.status != 0) {
        return layui.layer.msg(res.message)
      }
      layui.layer.msg(res.message)
      $('.login form')[0].reset()
      localStorage.setItem('token', res.token)
      location.href = '/index.html'
    }).catch(() => {
      layui.layer.msg('异常出错，请联系管理员修复')
    })
  })
})